<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta charset="UTF-8" />	
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/bootstrap/bootstrap.min.css}" />
<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css" />

<link rel="stylesheet" type="text/css" href="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/dijit/themes/tundra/tundra.css" />
<link rel="stylesheet" type="text/css" href="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/esri/css/esri.css" />

<script type="text/javascript" src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&amp;ak=ESUICaohNGpKKOAx3d2SOzDxuZ2WUMlX&amp;services=&amp;t=20180323171755"></script>
<script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script th:src="@{/plugins/bootstrap/bootstrap.min.js}"></script>
<script th:src="@{/js/ajaxfileupload/ajaxfileupload.js}"></script>
<script th:src="@{/js/ajaxfileupload/exif.js}"></script>

<script type="text/javascript" src="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/init.js"></script>

<link rel="stylesheet" type="text/css" media="all" th:href="@{/plugins/font-awesome-4.7.0/css/font-awesome.min.css}" />
<link rel="stylesheet" th:href="@{/mobile/common.css}" />
<link rel="stylesheet" th:href="@{/mobile/reset.css}" />
<link rel="stylesheet" th:href="@{/mobile/listView.css}" />
<script th:src="@{/mobile/listView.js}"></script>
<style>
.settingsValue {
	width:100px;
	display:block;
	word-break: break-all;
	word-wrap: break-word;
	display:inline;
}

.settingsValue-ta{
	width:100%;
	display:block;
	word-break: break-all;
	word-wrap: break-word;
}

.ui-select{
	margin: 0;
}
.ui-input-text{
	border-width: 0px;
}

.ui-input-text, .ui-input-search{
	margin: 0;
}
body, input, select, textarea, button, .ui-btn{
	font-size: 13px;
}

.ui-btn-icon-notext, .ui-header button.ui-btn.ui-btn-icon-notext, .ui-footer button.ui-btn.ui-btn-icon-notext{
	width: 0px;
	height: 0px;
}

#eventmap{
	width: 100%;
	height: calc(100% - 80px);
}

</style>
</head>
<body>
<div data-role="page" id="pageone" style='background-color:#FFFFFF ;background-size: cover'>
	<div data-role="header" data-position="fixed" data-tap-toggle="true">
		<span class="fa fa-angle-left goHome-dcms"></span>
		<h1>商户在线编辑</h1>
	</div>
    <input type="hidden" id="identify" th:value="${identify}"></input>
    <input id="lng" name="lng" type="hidden" />
	<input id="lat" name="lat" type="hidden" />
	<div style="display: none;">
		<input type="file" id="file" name="file" style="display: none;"/>
	</div>
	<div data-role="main" style="background-color: #FFFFFF; height: 100%;" >
	   	<ul data-role="listview">
			<li>
				<div class="row">
					<div class="col-xs-4 settingsTitle"><span>认证状态</span></div>
					<div class="col-xs-8 ">
						<div class="settingsValue"><img id="infoState" width="40%" src=""/></div>
					</div>
				</div>
			</li>
			<li>
				<div class="row">
					<div class="col-xs-4 settingsTitle"><span>店铺名称</span></div>
					<div class="col-xs-8 ">
						<div class="settingsValue"><input type="text" name="shopName" id="shopName" data-clear-btn="true"/></div>
					</div>
				</div>
			</li>
			<li>
				<div class="row">
					<div class="col-xs-4 settingsTitle"><span>店铺实景</span></div>
				</div>
				<div class="row">
					<div class="col-xs-12">
						<div class="settingsValue"><a href="javascript: ;" id="fileclick"><img src="/wcsi/img/upload.png" id="avatart" style="width:30%"/></a></div>
					</div>
				</div>
			</li>
			<li>
				<div class="row">
					<div class="col-xs-4 settingsTitle"><span>经营地址</span></div>
					<div class="col-xs-8 ">
						<div class="settingsValue-ta">
							<textarea name="shopAdress" id="shopAdress" style="resize:none;"  data-clear-btn="true"/>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="row">
					<div class="col-xs-4 settingsTitle"><span>所属社区</span></div>
					<div class="col-xs-8 ">
						<div class="settingsValue-ta">
							<select name="bussinessLevel" id="bussinessLevel" >
								<option th:each="bussinessLevel:${bussinessLevels}" th:value="${bussinessLevel.id}" th:text="${bussinessLevel.levelName}"></option>
							</select>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="row">
					<div class="col-xs-4 settingsTitle"><span>社区管理员</span></div>
					<div class="col-xs-8 ">
						<div class="settingsValue-ta">
							<select name="areaMperson" id="areaMperson">
							     <option th:each="areaMperson:${areaMpersons}" th:value="${areaMperson.id}" th:text="${areaMperson.name}" ></option>
						     </select>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="row">
					<div class="col-xs-4 settingsTitle"><span>责任人</span></div>
					<div class="col-xs-8 ">
						<div class="settingsValue-ta">
							<input type="text" name="managementPerson" id="managementPerson"/>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="row">
					<div class="col-xs-4 settingsTitle"><span>签订人</span></div>
					<div class="col-xs-8 ">
						<div class="settingsValue-ta">
							<input type="text" name="signPerson" id="signPerson"/>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="row">
					<div class="col-xs-4 settingsTitle"><span>保洁人员</span></div>
					<div class="col-xs-8 ">
						<div class="settingsValue-ta">
							<input type="text" name="cleaningPerson" id="cleaningPerson"/>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="row">
					<div class="col-xs-4 settingsTitle"><span>负责面积</span></div>
					<div class="col-xs-8 ">
						<div class="settingsValue-ta">
							<input type="number" name="areaMeasure" id="areaMeasure" data-clear-btn="true" onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();"/>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="row">
					<div class="col-xs-4 settingsTitle"><span>经营范围</span></div>
					<div class="col-xs-8 ">
						<div class="settingsValue-ta">
							 <textarea  id="managementRange" style="resize:none;" data-clear-btn="true"></textarea>
						</div>
					</div>
				</div>
			</li>
		</ul>
		<table data-role="table" width="100%" data-mode="columntoggle:none" data-column-btn-theme="e" data-column-popup-theme="c" id="myTable">
			<tbody>
				<tr>
					<td style=" width: 60px;padding-left: 10px !important;">
					<a href="#mapPage" data-transition="slide" class="gotomap">
					<img src="/wcsi/img/mapShow.png" style="width: 40px;height: 40px;"/>
					</a>
					</td>
					<td id="locationDes"
						style="color: #999999; border-bottom: none !important;"></td>
				</tr>
			</tbody>
		</table>
	</div>
		
	<div data-role="footer" data-position="fixed" data-theme="a">
		<center>
			<button type="button" id="saveBtn" data-inline="true" 
			style="background: #F8643F !important; border: 1px solid; border-color:#FA977E; border-radius: 6px !important; color: #FFFFFF; width: 48%; height: 38px;font-size:16px;">&nbsp;保存&nbsp;</button>
			<button type="button" id="submitBtn" data-inline="true" 
			style="background: #F8643F !important; border: 1px solid; border-color:#FA977E; border-radius: 6px !important; color: #FFFFFF; width: 48%; height: 38px;font-size:16px;">提交审核</button>	
		</center>
	</div>
        
	<div data-role="popup" id="popupView" data-position-to="window"  class="ui-content" data-theme="a" data-overlay-theme="a" data-dismissible="false">   
		<div data-role="content">  
		    <img id="loadingimg" th:src="@{/img/loading.gif}"/>
		</div>
	</div>
  
	<div data-role="popup" id="popupView-confirm" data-position-to="window"  data-theme="a" data-overlay-theme="a" data-dismissible="false">   
        <div data-role="content">  
            <p style="width:150px;">  
                <b>操作成功</b>
            </p>  
            <div data-role="content" style="white-space:nowrap;" align="center">
            <a href="/wcsi/ui/bussinessmain?device=mobile" id="goHome" data-ajax='false' data-transition="slide" data-inline="true">
            <button type="button" data-inline="true"
				style="background: #F8643F !important; border: 1px solid; border-color:#FA977E; border-radius: 6px !important; color: #FFFFFF; width: 48%; height: 38px;font-size:16px;">首页</button>
            </a>  
            <a data-rel="back" data-transition="slide" data-direction="reverse"
				data-inline="true" style="text-decoration: none;">
            		<button type="button" data-inline="true"
					style="background: #FFFFFF !important; border: 1px solid; border-color:#D8D8D8; border-radius: 6px !important; color: #555555; width: 48%; height: 38px; font-size: 16px;">停留</button>
            </a>  
        		</div>
       </div>  
      <!-- <h3>操作成功</h3> -->
      <a data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
     <!--  <div class="ui-block-a"><button type="submit" data-icon="check" data-theme="b">返回首页</button></div>
    <div class="ui-grid-b"><button type="submit" data-icon="check" data-theme="b">停留在此</button></div> -->
  </div>
</div>

<div data-role="page" id="mapPage" style='background-color: #F5F5F5; background-size: cover'>
	<div data-role="header" data-tap-toggle="true" data-theme="a">
		<span><a href="#pageone" data-transition="slide" data-direction="reverse" class="pageBack" ><span class="fa fa-angle-left headleft"></span> </a></span>
		<h1>地图信息</h1>
	</div>
	<div data-role="content" style="background: #FFFFFF;height: 100%;">
	<div id="eventmap" ></div>
		<div style="width: 100%;height: 50px;">
			<table data-role="table" width="100%" data-mode="columntoggle:none" style="margin-top: 5px;"
				data-column-btn-theme="e" data-column-popup-theme="c" id="myTable">
				<tbody>
					<tr>
						<td style="width: 110px;padding-left: 23px !important;">定位信息</td>
						<td id="mapLocationDes" style="color: #999999; border-bottom: none !important;"></td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</div>

<div data-role="popup" data-dialog="true" id="popupView1" class="ui-content" 
 data-position-to="window" data-theme="e" data-overlay-theme="a" data-dismissible="false">
　　<!-- <a href='javascript:void(0)' data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a> -->
　　<div>弹出窗内容</div>
</div>

<script th:src="@{/js/mapcoordinate.js}"></script>
<script th:src="@{/mobile/businessseller/map.js}"></script>
<script th:src="@{/mobile/common.js}"></script>
<script th:src="@{/mobile/businessseller/businessselleredit.js}"></script>
<script th:inline="javascript">
	window.rootPath= /*[[${#httpServletRequest.getContextPath()}]]*/
</script>
</body>
</html>